<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		html,body{
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		#sun{
			width:200px; height: 200px; background: orange;
			position: absolute; left: 400px; top: 200px;
			border-radius: 50%;
		}
	</style>
	<script src="js/move.yintao1.05.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		onload = function(){
			var oImg = document.getElementsByTagName("img")[0];
			oImg.onmouseenter = function(){
				animate(this, {opacity: 100}, {callback: function(){
					alert("淡入");
				}})
			}
			oImg.onmouseleave = function(){
				animate(this, {opacity: 20}, {callback: function(){
					alert("淡出");
				}})
			}
		}
	</script>
	<body>
		<img src="img/timg.jpg" width="400" style="opacity: 0.2;"/>
		
	</body>
</html>
